<template>
  <div>
    <el-form class="viewForm" label-width="120px">
      <el-col :span="24">
        <el-form-item label="门头">
          <img :src="viewModel.logo" style="width: 80px;height: auto;">
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="商家名称">
          <div v-html="viewModel.name"></div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="所属分类">
          <div v-html="viewModel.shopCatalogName"></div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="排序号">
          <div v-html="viewModel.sortNum"></div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="地址">
          <div v-html="viewModel.address"></div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="联系人">
          <div v-html="viewModel.contact"></div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="客服电话">
          <div v-html="viewModel.tel"></div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="费用金额">
          <div v-html="viewModel.fee"></div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="消费券名称">
          <div v-html="viewModel.couponName"></div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="消费券金额">
          <div v-html="viewModel.couponFee"></div>
        </el-form-item>
      </el-col>
    </el-form>
  </div>
</template>

<script>
import common from "@/mixins/common.js";

var config = {};
config.methods = {};
config.mixins = [common];

config.data = function () {
  return {
    viewModel: {},
    activeIndex: "1"
  }
};
config.mounted = function () {
  var id = this.$route.query.id;
  var self = this;
  var data = {};
  data.id = id;
  this.postData("/tenantRest/shop/view.htm", data, function (res) {
    if (res.code == 0) {
      self.viewModel = res;
    }
  });
}

export default config;
</script>

<style scoped>

</style>
